<template>
  <div class="qunicon">
    <div class="qunicon1">
      <div class="icon1">
        <img src="http://jiaoyou.dtjug.cn/attachment/images/defaultimgs/WhRUHN8ko8E84n78m3k8Tzo06khuo7.png">
        <a href="https://zjqak9lqdj.feishu.cn/docx/U4JKdXa2eolVHUx5n99cPoBCnbg?from=from_copylink"><span>代理</span></a>
      </div>
      <div class="icon1">
        <img src="http://jiaoyou.dtjug.cn/attachment/images/defaultimgs/ErLLw4qij25yiop8Ow22G88WyY1Li5.png">
        <span>举报</span>
      </div>
    </div>
    <div class="qunicon1">
      <div class="icon1">
        <img src="@/assets/group/icon3.jpg">
        <span>5326</span>
      </div>
      <div class="icon1">
        <img src="@/assets/group/icon4.jpg">
        <span>8265</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'GroupIcons'
}
</script>

<style scoped>
.qunicon {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #405683;
  justify-content: space-between;
  text-align: center;
}
.qunicon img {
  width: 1.3rem;
  height: 1.3rem;
}
.qunicon1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 36%;
}
.qunicon1 .icon1 {
  display: flex;
  color: #405683;
}
.qunicon1 .icon1 span {
  margin: 0 0.5rem;
  white-space: nowrap;
}
</style>
